.resources-table {
  margin: 2em 0;
  display: flex;
  justify-content: space-between;
}

.resources-table ul {
  width: 23%;
  margin: 0;
  padding: 0;
}

.resources-table ul li {
  list-style: none;
  text-align: center;
}

.resources-table ul li:before {
  display: none;
}

.resources-table ul li:after {
  content: "↑";
  display: block;
  color: #000;
}

.resources-table ul li:first-child {
  position: relative;
  margin-bottom: 5px;
}

.resources-table ul li:first-child:after {
  content: "→";
  width: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  right: -20px;
}

.resources-table ul:last-child li:first-child:after {
  display: none;
}

.resources-table ul li:last-child:after {
  display: none;
}

.resources-table ul li .cell {
  padding: 4px 0;
  background: #2B3E50;
  color: #f5f5f5;
}

.resources-table ul li .good .cell {
  border-right: 10px solid #2ECC71;
  border-left: 10px solid transparent;
}

.resources-table ul li .bad .cell {
  border-right: 10px solid #E74C3C;
  border-left: 10px solid transparent;
}

.resources-table ul li .disabled .cell {
  border-right: 10px solid #5C6D7F;
  border-left: 10px solid transparent;
  color: #5C6D7F;
}

.resources-table ul li .gap {
  opacity: 0.25;
}
